.vue-admin-better-theme-green {

  .side-bar-container .el-menu-item.is-active {
    background-color: $base-color-green !important;
  }

  .el-submenu__title:hover {
    background-color: $base-color-green !important;
  }

  .el-menu--horizontal,
  .side-bar-container .el-menu-item:hover {
    background-color: $base-color-green !important;
  }

  .github-corner .github-color {
    fill: $base-color-green;
  }

  .el-card,
  .el-alert__description {
    color: $base-color-green;
  }


  .top-bar-container .vab-main .el-menu.el-menu--horizontal,
  .logo-container-horizontal,
  .top-bar-container,
  .top-bar-container .vab-main,
  .theme-bar-setting,
  .left-panel,
  .nav-bar-container {
    background: $base-color-green;
  }

  .el-dropdown,
  .nav-bar-container .right-panel svg,
  .nav-bar-container .left-panel .fold-unfold,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
    color: #fff;
  }
}
